
.header {
  width: 100%;
  height: 40px;
  background: #F7F7F7;
  position: relative;
  box-shadow:0px 1px 0px 0px #E6E6E6;
}
.header-favor-btn {
  padding: 11px 15px;
  border-right: 1px solid #E6E6E6;
}
.icons-star {
  display: block;
  width: 20px;
  height: 18px;
}
.header-right {
  font-size: 14px;
  color: #000;
  line-height: 1;
  padding: 13px 12px;
  a {
    margin-left: 17px;
    color: #a0acbf;
    &:hover {
      color: #FF782D;
      text-decoration: underline;
    }
  }
  b {
    color: #FF782D;
  }
}
.header-favor {
  &:hover {
    .icons-star {
      @extend .star-hover;
    }
    .header-favor-list {
      display: block;
    }
  }
}
.header-favor-list {
  display: none;
  width: 198px;
  height: 99px;
  position: absolute;
  left: 0;
  top: 40px;
  background: #F7F7F7;
  border: 1px solid #E4E4E4;
  overflow: hidden;
  font-size: 14px;
  line-height: 33px;
  z-index: 2;
  a {
    display: block;
    color: #4A4A4A;
    width: 186px;
    padding: 0 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    &:hover {
      background: #E6E6E6;
    }
  }
  b {
    color: #FF782D;
  }
}
.wrapper,
.wrapper iframe {
  width: 100%;
  height: 100%;
}
